@charset "UTF-8";

/* 标签选中 */
li:nth-child(4)>a {
	width: 70%;
	font-size: 32px;
	background-color: rgba(109, 76, 61, 0.8);
}

/* 提示字体 */
.none {
	font-size: 10vw;
	text-align: center;
	position: absolute;
	left: 30vw;
	top: 20vw;
	color: navajowhite;
}

.main {
	position: absolute;
	top: 20%;
	left: 20%;
	width: 790px;
	text-align: center;
	border-bottom: 4px double olive;
}

.t1, .t2, .match {
	float: left;
	width: 260px;
}

.match {
	border-right: 5px solid black;
	border-left: 5px solid black;
}

.s1, .s2 {
	font-style: italic;
	color: aqua;
	font-size: 32px;
}

.s1 {
	text-align: right;
}

.s2 {
	border-left: 15px dotted black;
}

.record_info {
	position: absolute;
	top: 50%;
	left: 20%;
	width: 790px;
}

.record {
	width: 790px;
}

.record_info, .main {
	background-color: rgba(184, 125, 112, 0.5);
}
/* 播放器 */
.auto {
	position: absolute;
	top: 2%;
	right: 10%;
	width: 50px;
	height: 50px;
}

.circle {
	border: solid 1px #000;
	border-radius: 50px;
	height: 50px;
	position: absolute;
	width: 50px;
}

.circle:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.circle_inner_play {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -7px;
}

.circle_inner_pause {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -10px;
	color: #000;
}

.circle_inner_reset {
	width: 18px;
	height: 18px;
	background-color: #000;
	margin: -9px 0 0 -9px;
	position: absolute;
	top: 50%;
	left: 50%;
}